@charset "utf-8";
body{font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";}
html,body{height: calc(100% - 10px);}
/*宽度比例*/
.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w5 { width: 5%; }
.w15 { width: 15%; }
.w25 { width: 25%; }
.w35 { width: 35%; }
.w33 { width: 33.333%; }
.w45 { width: 45%; }
.w55 { width: 55%; }
.w65 { width: 65%; }
.w75 { width: 75%; }
.w85 { width: 85%; }
.w95 { width: 95%; }
.mr10{margin-right: 10px;}
.ml10{margin-left: 10px;}
.mtop{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mystyle-color{color: #fff;}
/* 头部 */
.navbar-nav li{color: #fff;line-height: 50px;margin-right: 10px;font-size: 16px;font-weight: bold;}
.li-border img{width: 180px;margin: auto;display: block;}
.pull-right li{font-weight: normal;font-size: 14px;}
.pull-right li span{margin: 0 5px;font-weight: bold}
.pull-right li a{color: #fff;}
.pull-right li a:hover{color: #00c1de;}
/*左侧导航栏*/
.down-main{position: absolute;width: 100%;top: 50px;bottom: 0px;z-index: 100;}
.left-full{ width:180px; display:block;}
.right-full{ left:180px;}
.left-off{ width:48px; display:block;}
.right-off{ left:48px;}
.sidebar-fold{ height: 30px;width: 100%;background: #4a5064;color: #aeb9c2;text-align: center; height:30px; font-size: 16px;cursor: pointer;}
.sidebar-fold span{ line-height:30px;font-weight: bold}
/*.left-main{ bottom: 0px; top:0px; position:absolute; background-color:#293038;}*/
.left-main{ bottom: 0px; top:50px; z-index:100; position:fixed; background-color:#333744;}
.sBox ul li{ list-style-type:none; position:relative;}
.sBox ul{ padding:0px; position: relative; margin:0px;}
.sBox ul li a{display: block;width: 100%;height: 40px;line-height: 40px;overflow: hidden; text-decoration:none; color:#FFF;}
.sBox .ivu-icon{ width:48px; text-align:center;}
.subNavBox .subNav{ height:40px; line-height:40px; color: #fff;}
.subNavBox .subNav .title-icon{ width:48px; text-align:center;}
.sBox .sublist-down{ background-color:#333744;}
.sBox .sublist-up{ background-color:#42485b;}
.sBox .sublist-up ul{ display:none;}
.sBox .sublist-title{ cursor:pointer;}
.sBox .subNav:hover{ background-color:#00c1de;}
.sBox ul li:hover{background-color:#4d5064;}
.sBox span{ line-height:36px;}
.showtitle{ text-align:center; line-height:40px; position:absolute; z-index:100; background-color:#545f71; left:55px; padding:0px 10px 0px 10px; color:#FFF; min-width:100px; display:none;}
.showtitle img {position: absolute;left: -6px; top: 14px;}
.left-off .sBox ul li .sub-title{ display:none;}
.left-off .sBox .sublist-title{ display:none;}
.navContent span.ivu-icon{display:none;}
.navContent span.sub-title{margin-left: 48px}
/* 右侧 */
.container-fluid{height: 100%;padding: 0 15px;}
.container-welconme{background: #eaedf1;padding:50px 15px;text-align: center;margin:15% auto;}
.container-welconme h1{font-size: 30px;line-height: 45px;}
.container-welconme div{font-size: 18px;line-height: 40px;}
.right-product{height:calc(100% - 50px);position: absolute;top: 0px;bottom: 0px;right: 0px;background: #FFF;}
.bottom{width:calc(100% - 180px);position: absolute;bottom: 0px;right: 0px;background: #FFF;line-height: 50px;text-align: center;border-top: 1px solid #ddd;}
/* 按钮 */
.ivu-btn-primary{background-color: #09c;border-color: #09c;}
.ivu-btn-primary:hover{background-color: #28B5D6;border-color: #28B5D6;}
/*======breadcrumb=====*/
.page-header{width:100%;margin:0px; padding:0px; height:30px; line-height:30px;}
.pull-left{width:100%;margin-top:20px; padding-left:8px;color: #363636;border-left: 2px solid #0098cd;font-size: 15px;}
.table-margin{width: 100%;float: left; margin-top:20px;}    
/* 登陆 */
.login{width: 100%;height: 100%;background: #f9f9f9}
.container{width: 400px;padding-top: 12%;}
.container input{height: 38px;line-height: 38px;}
.logo{width: 100%;}
.logo img{display: block;margin: 0 auto;width: 110px;}
.systemname{width: 100%;text-align: center;font-size: 22px;line-height: 35px;font-weight: bold;margin-bottom: 15px;}
.captcha{margin: 0 5px;}
.captcha img{width:103px;height: 38px;border: 1px solid #ddd}
.login_foot{width:600px;line-height: 35px;position: absolute;bottom:20px;left:calc((100% - 600px)/2);text-align: center;font-size: 13px;}
/* 表格 */
.ivu-table-header{border:1px solid #dddee1;border-top: 0;border-left: 0;}
.ivu-table td, .ivu-table th{height: 45px!important;border-bottom: 0px}
.ivu-table th{background-color: #F5F6FA!important}
.ivu-table td, .ivu-table th{height: 45px!important;}
.ivu-table-cell{padding: 3px 10px;}
/* 添加课程 */
.table-content{padding:0px 30px 10px;margin-top: 20px;}
.modal_btn,.modal_btn_export{
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	line-height: 1.5;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 6px 15px;
	font-size: 13px;
	border-radius: 4px;
	-webkit-transition: color .2s linear, background-color .2s linear, border .2s linear, -webkit-box-shadow .2s linear;
	transition: color .2s linear, background-color .2s linear, border .2s linear, -webkit-box-shadow .2s linear;
	transition: color .2s linear, background-color .2s linear, border .2s linear, box-shadow .2s linear;
	transition: color .2s linear, background-color .2s linear, border .2s linear, box-shadow .2s linear, -webkit-box-shadow .2s linear;
	color: #495060;
	background-color: #f7f7f7;
	border-color: #dddee1
}
.modal_btn:hover,.modal_btn_export:hover{border-color: #57a3f3}
.modal_num{width:80px;margin-left: 10px;display: inline-block;font-size: 14px;line-height: 33px;}
.modal_num span{padding: 0 3px;color: #2d8cf0;}
.ivu-checkbox-wrapper{margin-left: 10px;}
.table_right{width: 260px;border: 1px solid #dddee1;}
.table_right_title{background:#F5F6FA;height: 45px;line-height: 43px;font-weight: bold;text-align: center;border-bottom: 1px solid #dddee1}
.table_right ul{width: 100%;height:390px;overflow-y: auto;}
.table_right ul li{display: block;overflow: hidden;list-style: none;padding:0 5px;line-height: 30px;}
.table_right ul li:hover{background: #ebf7ff;}
.table_right ul li i:first-child{margin-right: 8px;color: #7da4d1;font-size: 14px}
.table_right ul li i:last-child{float:right;color: #aaa;font-size: 17px;margin:5px 5px 0 0;padding:0 3px;}
.table_right ul li i:last-child:hover{background: #eef0f3;padding:0 3px;}
.ivu-tag{margin-right: 8px;}
/* 课程查询 */
.table_style .ivu-table-row{border-bottom:1px solid #dddee1!important;}
.modal_btn_export{margin:0px 0 10px 0; float: right;}
.qcode{width:500px;margin:auto;display: block}
.qcode_title{text-align: center}
/* 上传资料 */
.ivu-upload-list{font-size: 16px;}
.demo-upload-list{ width: 60px;height: 60px;display: inline-block;text-align: center;line-height: 60px;border: 1px solid transparent;border-radius: 4px;overflow: hidden;background: #fff;position: relative;box-shadow: 0 1px 1px rgba(0,0,0,.2);margin-right: 4px;}
.demo-upload-list img{width: 100%;height: 100%;}
.demo-upload-list-cover{display: none;position: absolute;top: 0; bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.6);}
.demo-upload-list:hover .demo-upload-list-cover{display: block;}
.demo-upload-list-cover i{color: #fff; font-size: 20px;cursor: pointer;margin: 0 2px;}
.upload-list{width: 105px;height:auto;margin-left:10px;display: inline-block;text-align: center;padding: 2px;}
.demo-upload-list{width: 100px;height: 100px;border: 1px solid #e9eaec;box-shadow:0 0 0;margin-right: 0;}
.demo-upload-list img {width: 100px;height: 100px;}
.picname{width: 100px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.demo-upload-list-cover i{line-height: 100px;}
.ivu-progress-outer{margin-top:25px;}
.ivu-notice{right:42%!important;top:0!important;}
.tips{line-height: 35px;padding-left: 5px;color: #848484}
/* 查看作业详细内容 */
.homework_con{padding: 20px;line-height: 30px;font-size: 14px;}
.homework_numb{padding:10px 20px;text-align: right;font-size: 14px;}
.homework_numb span{padding: 0 3px;}
/* 视频分类 */
.ivu-tree ul{font-size: 14px;}
.ivu-btn-text {
	color: #495060;
	border: 0;
	padding: 0 4px;
	font-size: 15px;
}
.ivu-btn-text:hover {
	color: #6d7380;
	background-color: #eaf4fe;
	border: 0
}
.ivu-btn-text.active, .ivu-btn-text:active {
	color: #454c5b;
	background-color: #d5e8fc;
	border: 0
}
.ivu-btn-text:focus{color: #454c5b;background-color: #d5e8fc;}

/*=========加载中=========*/
.demo-spin-icon-load{animation: ani-demo-spin 1s linear infinite;}
@keyframes ani-demo-spin {
        from { transform: rotate(0deg);}
        50%  { transform: rotate(180deg);}
        to   { transform: rotate(360deg);}
}
.demo-spin-col{height: 150px;margin: auto;display: block}

.label_name{
	width: 100px;
	display: inline-block;
	text-align: right;
	margin-right: 10px;
}
.input_con{width:300px;display: inline-block}
.zwinfo_title{font-size:15px;font-weight: bold;background: #f8f8f8;padding: 5px 0;}
.sqstit{width: 133px;text-align: right;display: inline-block}
.upload_con{width:100%;overflow: hidden;border-bottom: 1px solid #ccc;padding:20px 0;}
.picname{width:400px;float:left;font-size: 14px}
.mt5{margin-top: 5px}
.picbtn{width:150px;float:left;margin-top: 5px;list-style: none}
.piccon{width: 100%;margin-left:10px;overflow: hidden;list-style: none;padding: 10px 0}
.piccon img{width: 150px;margin-right: 10px;display: inline-block}
.uploadnav{width: 80px;display: inline-block;font-weight: bold;}
.liulan{width:150px;display: inline-block}
